<?php $url = new Url();?>    
<link rel="stylesheet" type="text/css" href="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/flexslider.css" media="all" /> 
<script src="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/jquery.flexslider.js" type="text/javascript"></script>     
<div id="main" class="nosidebar">
    <div id="content">
        <div id="login-form">                                                                        
            <table>
                <tbody><tr>
                        <td align="right"><label for="username">Đăng nhập:</label></td>
                        <td align="left"><input id="username" name="username" tabindex="1" type="text"></td>
                    </tr>
                    <tr>
                        <td align="right"><label for="password">Mật mã:</label></td>
                        <td align="left"><input id="password" name="password" tabindex="2" type="password"></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td align="left">
                        </td>
                    </tr>
                    <tr>
                        <td align="left">
                            <!--<a href="javascript:">Phục hồi mật mã</a>-->
                        </td>
                        <td align="right">
                            <input type="button" name="login" value="Đăng nhập »" tabindex="5" id="login_button" onclick="user_login()">
                        </td>
                    </tr>
                </tbody>
            </table>                       
        </div>
        <div style="clear:both;"></div>                
        <div style="width: 50%;margin: 0px auto;padding-top: 10px;font-size: 18px;font-weight: bold;">
            <marquee>Đến với Project Manager để quản lý dự án của bạn 1 cách đơn giản và hiệu quả.</marquee>                                                            
        </div>        
        <div style="width: 50%;margin: 0px auto;padding-top: 10px;">    
            <div class="flexslider" style="width: 600px;float: left;">
                <ul class="slides">
                    <li>
                        <img style="width: 600px; height: 302px;" src="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/demo/images/kitchen_adventurer_cheesecake_brownie.jpg" />
                    </li>
                    <li>
                        <img style="width: 600px; height: 302px;" src="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/demo/images/kitchen_adventurer_lemon.jpg" />
                    </li>
                    <li>
                        <img style="width: 600px; height: 302px;" src="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/demo/images/kitchen_adventurer_donut.jpg" />
                    </li>
                    <li>
                        <img style="width: 600px; height: 302px;" src="<?=Yii::app()->params["urlRs"] ?>/js/FlexSlider/demo/images/kitchen_adventurer_caramel.jpg" />            
                    </li>
                </ul>
            </div>                            
        </div>

    </div>
</div>
<script type="text/javascript">    
    $(window).load(function(){
        $('.flexslider').flexslider({
            animation: "fade",              
            slideshowSpeed: 3000,       
            controlNav: false, 
        });
    });
  </script>

<script type="">

    function user_login(){
        var username = $('#username').val();       
        var password = $('#password').val();  
        if(username == ''){            
            alert('Bạn chưa điền tài khoản!');
            return false;
        }
        if(password == ''){            
            alert('Bạn chưa điền mật khẩu!');
            return false;
        }        
        var strUrl = '<?=$url->createUrl("user/ajaxSubmitLogin") ?>';
        loadingAjax();
        $.ajax({
            type: "POST",
            url: strUrl,
            data: {username:username,password:password},
            success: function(msg){                
                if(msg==1){
                    window.location.href='<?=$url->createUrl("site/index") ?>';
                }else if(msg==0){
                    alert('Tài khoản hoặc mật khẩu không chính xác!');                    
                }
                $("#login_button").removeAttr("disabled");
            },
            beforeSend:function(){
                $("#login_button").attr("disabled","disabled");                
            }
        });
        closeLoadingAjax();  
    }

</script>